//
   Created by 关关雎鸠 on 2016/7/7.
extends ../layout
block  content
    header.bar.bar-nav
        h1.title 我的名片
    .content
        .list-block
            ul
                // Text inputs
                li
                    .item-content
                        .item-media
                            i.icon.icon-form-name
                        .item-inner
                            .item-title.label 姓名
                            .item-input
                                input(type='text', placeholder='Your name')
                li
                    .item-content
                        .item-media
                            i.icon.icon-form-email
                        .item-inner
                            .item-title.label 邮箱
                            .item-input
                                input(type='email', placeholder='E-mail')
                li
                    .item-content
                        .item-media
                            i.icon.icon-form-password
                        .item-inner
                            .item-title.label 密码
                            .item-input
                                input(type='password', placeholder='Password')
                li
                    .item-content
                        .item-media
                            i.icon.icon-form-gender
                        .item-inner
                            .item-title.label 性别
                            .item-input
                                select
                                    option Male
                                    option Female
                // Date
                li
                    .item-content
                        .item-media
                            i.icon.icon-form-calendar
                        .item-inner
                            .item-title.label 生日
                            .item-input
                                input(type='date', placeholder='Birth day', value='2014-04-30')
                // Switch (Checkbox)
                li
                    .item-content
                        .item-media
                            i.icon.icon-form-toggle
                        .item-inner
                            .item-title.label 开关
                            .item-input
                                label.label-switch
                                    input(type='checkbox')
                                    .checkbox
                li.align-top
                    .item-content
                        .item-media
                            i.icon.icon-form-comment
                        .item-inner
                            .item-title.label 文本域
                            .item-input
                                textarea
        .content-block
            .row
                .col-50
                    a.button.button-big.button-fill.button-danger(href='#') 取消
                .col-50
                    a.button.button-big.button-fill.button-success(href='#') 提交